/**
 * CSS Style File
 * @file: /application/public/css/style.css
 * @author: Vladimir Bukhin
 * @Description: Fill that defines styles aside from the Bootstrap CSS foundation.
*/

/* Header */
img.header-logo{
    height: 65px;
    width: 75px;
}

/* End Header */

/* Filter fields */
label.filter{
    margin: 5px;
}
form.filter-container{
    border: 2px solid #004612;
    background-color: inherit;
    padding: 0px;
    margin-bottom: 10px;
}
/* End Filter fields */

/*header */
span.instructions-tooltip{
    font-size: 12px;
    color: black;
    cursor: pointer;
}

.captions{
    font-size: 12px;
    color: #B94A48;
}

.page-header {
    border-bottom: 2px solid #D4ED89;
    margin: 0px 0 5px;
    padding-bottom: 0px;
}
.page-header h1{
    margin: 0 0;
}

/* Tab Module */
body{
    padding-left:3%;
    padding-right:5%;
    font-size:100%;
}
.tabModule {
    background-color: #E6F5E6;
    padding: 0px 0px 10px 0px;
}

.tab-content{
    margin: auto;
    overflow: auto;
}
.tab-pane{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/* bottom border of tabs */
ul.nav-tabs {
    background: #999; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009C00', endColorstr='#0B3617'); /* for IE */
    background: -webkit-gradient(linear, center top, center bottom, from(#009C00), to(#0B3617)); /* for webkit browsers */
    background-image: -moz-linear-gradient(top, #009C00 0%, #0B3617 100%);
    text-align: left;
}
.subheader{
    color: #004612;
    margin: 5px 0;
}
/*tab font*/
.nav-tabs a{

    font:14px arial,sans-serif;
    color: #E8E8E8;
}

.nav-tabs li a:hover{
    color: #ADFF2F;
    background: #999; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009C00', endColorstr='#0B3617'); /* for IE */
    background: -webkit-gradient(linear, center top, center bottom, from(#009C00), to(#0B3617)); /* for webkit browsers */
    background-image: -moz-linear-gradient(top, #009C00 0%, #0B3617 100%);
    border: 0;
}
/*selected*/
.nav-tabs > .active > a {
    color: #FFFFFF;
    background-color: #011601;
    border:0;
}
.nav-tabs li.active a:hover {
    color: #ADFF2F;
    background-image:none;
    background-color: #011601;
    border:0
}
/* On table hover */
.table-striped tbody tr:nth-child(2n+1):hover td, .table-striped tbody tr:nth-child(2n+1):hover th, tr.rows:hover {
    background-color: #D4ED89;
}
.table-striped tbody tr{
    cursor: pointer;
}
/* End Tab Module */

/* GMap */
html { height: 100% }
body { height: 100%; margin: 0; }

.map-canvas-container { height: 100%; width: 100%; margin-left: auto; margin-right: auto}
#map_canvas_full { height: 350px; width: 100%; }
#map_canvas_one_marker{
    max-height: 230px;
}
/* End GMap */

/* table */
table.list {
    width: 100%;
    height: 100%;
    border: 2px solid #196819;
    background-color: #AFE69C;
}
tbody{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: auto;
}


.pagination-buttons .disabled{
    color: #C0C0C0;
}
.pagination-buttons{
    color: #0099FF;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

/* Form fields */
form.form-inline{
    padding-top: 1%;
    padding-bottom: 1%;
}

.filter-label{
    padding-left: 5px;
    padding-top: 5px;
}
.total-num-results{
    position:relative;
    float:right;
}

/* Modal */

#globalModal{
    width: 100%;
    height: 89%;
    max-width:720px;
    max-height:500px;
    background-color: #E6F5E6;
    overflow-x: auto;
}
div.modal-body{
    height: 100%;
    max-height: 360px;
    overflow-y: auto;
}
div.modal-body div{
    padding-bottom: 10px;
}
div.modal-header{
    background-color: #AFE69C  ;
}
div.modal-footer{
    background-color: #AFE69C  ;
    height: 30px;
}
a.delete-button{
    float: left
}

/* home text */
p.homeText{
    font-size: 17px;
}
#map_canvas_static { height: 300px; width: 100%; }
a#contact_us{
    float:right;
}


